.banner {height: 750px;position: relative;background: url(../img/aboutvideo.jpg) no-repeat center / cover;}
.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}
.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}
.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner .text a:hover {background-color: #e62022;border-color: #e62022;}
.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-pagination {display: none;}
.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}



.banner-sub {height: 500px;background: no-repeat center / cover;color: #fff;text-align: center;font-size: 44px;text-shadow: 0 2px 2px #333333;}
.banner-sub .container {display: table;height: 100%;}
.banner-sub .inner {display: table-cell;vertical-align: middle;}



@media screen and (max-width: 767px) {
   

    .banner {height: 250px;}
    
    .banner .text h4 {font-size: 20px;margin-bottom: 15px;margin-top: 80px;}
    .banner .text p {font-size: 14px;}
    .banner .text a {margin-top: 20px;font-size: 14px;line-height: 32px;width: 120px;}
	

   
}